/*
    通用样式
 */

*,
::before,
::after{
    font-size: 14px;

    margin: 0;
    padding: 0;

    /*
        点击高亮效果，手指清除点击高亮效果，设置成透明
    */
    -webkit-tap-highlight-color: transparent;

    /*
        盒子模型
    */
    -webkit-box-sizing: border-box;
    box-sizing: border-box;

    /*
        写两种字体是因为如果前面那种字体没有直接使用手机浏览器默认字体
    */
    font-family: '微软雅黑',sans-serif;
}

/*
        input标签去掉默认样式
*/
input{
    border: none;
    -webkit-appearance: none;
}

/*
    a的下划线 去掉默认样式
*/
a{
    text-decoration: none;
}

/*
    去掉样式小圆点
*/
ol,ul{
    list-style: none;
}

/*
    设置左右浮动样式
*/
.f_l{
    float: left;
}
.f_r{
    float: right;
}

/*
    清除浮动
*/
.clearfix::before,
.clearfix:after{
    content: '';
    display: block;
    height: 0;
    line-height: 0;
    visibility: hidden;
    clear: both;
}

/* 分别设置盒子四周单独的边框*/
.b_t{
    border-top: 1px solid #eee;
}
.b_r{
    border-right: 1px solid #eee;
}
.b_b{
    border-bottom: 1px solid #eee;
}
.b_l{
    border-left: 1px solid #eee;
}